<!-- 
   slot：插槽 ,
   可以同父组件来改变。
   多个时可以通过 name='slot' v-slot:slot 来指定改变对应的
   子组件绑定 :user1="user1" 属性 父组件可 v-slot:user1='a' a.user1来取到子组件的传的值
 -->
<template>
  <div id="myslot">
      <h6>{{title}}</h6>
      <slot><button>默认按钮</button></slot>
      <br>
      <slot name="one">1111</slot>
      <br>
      <slot name="two">2222</slot>
      <br>
      <slot name="user">{{user}}</slot>
      <br>
      <slot name="user1" :user1="user1"></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
        title:'slot 11111',
        user:'admin',
        user1:'李四'
    };
  },
//组件
  components: {},
//计算
  computed: {},
//初始化
  mounted(){},
//方法
  methods: {}
}

</script>
<style lang='scss' scoped>
</style>